<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>EduFirst: Đào tạo công nghệ thông tin</title>
	<link href="Styles/default.css" rel="stylesheet" type="text/css" />
	<link href="Styles/top.css" rel="stylesheet" type="text/css" />
    <link href="Styles/sitebar.css" rel="stylesheet" type="text/css" />
    <link href="Styles/content.css" rel="stylesheet" type="text/css" />
    <link href="Styles/bottom.css" rel="stylesheet" type="text/css" />
    
    <script type="text/javascript" src="Scripts/default.js"></script>
</head>

<body>
	<div class="topsite">
    	
    	<div class="language">
        	
    		<a href="#"> EduFirst</a> || Language: 
    		<select name="">
    		  <option>Tiếng Việt</option>
    		  <option>English</option>
    		</select>
   	  </div>
      <span class="topsite"><a href="index.html"><img src="Images/Logo_eduFirst.png" width="176" height="50" border="0" /></a></span>
	</div><!--endtopsite-->
		<div class="nav">
            <ul>
                <li class="active"><a href="step1.html">Schedule a Test Appoinment </a></li>
              	<li><a href="examfee.html">Exam Fees</a> </li>
                <li><a href="useraccount.html">Uer Account</a></li>
                <li><a href="curent_activity.html">Current Activity</a></li>
                <li><a href="history.html">View History</a></li>
                <li><a href="#">Sign Out</a> </li>
                 <div id="clearone"></div>
		  </ul>
       
	</div><!--endnav--><!--endbanner-->
  <div class="website">
  			<H1>Step 2: Select Appoinment</H1>
   		  <div class="step"><img src="images/step2.jpg" width="728" height="31" /></div>
      <p>Please ensure that your request is typed in English and that all fields are answered. If fields are left blank,  form will not be processed. </p>
<div class="leftbox">
    	<h1>TEST CENTER</h1>
    		<div class="name">I want have test in: *</div>
              <select name="select" class="lst_choice" id="select">
                <option>Click one ...</option>
                <option>Home</option>
                <option>Office</option>
</select>
   	  </div><!--endleftbox-->
     		
<div class="rightbox">
          <h1>TEST TIME</h1>
  		   <div class="name">Time to test</div>
           <div class="col16">
                  <div class="name">Day: *</div>
                  <select name="select" class="lst_choice16" id="select">
                    <option>Click one ...</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                    <option>13</option>
                    <option>14</option>
                    <option>15</option>
                    <option>16</option>
                    <option>17</option>
                    <option>18</option>
                    <option>19</option>
                    <option>20</option>
                    <option>21</option>
                    <option>22</option>
                    <option>23</option>
                    <option>24</option>
                    <option>25</option>
                    <option>26</option>
                    <option>27</option>
                    <option>28</option>
                    <option>29</option>
                    <option>30</option>
                    <option>31</option>
                  </select>          
          </div>
              <div class="col162">
                  <div class="name">Month: *</div>
                  <select name="select" class="lst_choice16" id="select">
                    <option>Click one ...</option>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                    <option>7</option>
                    <option>8</option>
                    <option>9</option>
                    <option>10</option>
                    <option>11</option>
                    <option>12</option>
                  </select>          
              </div>
              <div class="col162">
                  <div class="name">Year: *</div>
                  <select name="select" class="lst_choice16" id="select">
                    <option>2011</option>
                  </select>          
              </div>
<div id="clearone"></div>
              <div class="name">Duration of test: *</div>
              <select name="select" class="lst_choice" id="select">
                <option>Click one ...</option>
                <option>Home</option>
                <option>Office</option>
</select>
      	</div><!--endrightbox-->
        
   	<div id="clearone"></div>
    I have Voucher: <INPUT NAME="switchBox" TYPE="checkbox" id="chk1" onClick="toggleLayer('novoucher')"> 
    No 
    <input type="checkbox" name="switchBox2" id="chk2" onclick="toggleLayer('voucher')" />
    Yes
    <div id="voucher" style="display:none;" >
   	  <div class="leftbox">
    		<div class="name">Voucher No./ Promo code/ anydiscount code: *</div>
              <input name="" type="text" class="txt_input" />
   	  </div><!--endleftbox-->
     		
<div class="rightbox">
  		   
              <div class="name">Voucher expiry date: *</div>
              <input name="" type="text" class="txt_input" />
      	</div><!--endrightbox-->
        
   	<div id="clearone"></div></div><!--endvoucher-->
    <div id="novoucher" style="display:none;" ></div>
		<div class="nav_btn">
            <a href="step3.html" class="rightnav">Step 3: Review</a>
            <a href="step1.html" class="leftnav">Step 1: Select Program</a>
            <div id="clearone"></div>
        </div>
</div><!--endwebsite-->
    <div class="bottom">
    	<div class="links"><a href="#">About Edufirst</a> | <a href="#">Gallery</a> | <a href="#">Program</a> | <a href="#">Contact Us</a></div>
        <div class="social">
        <a href="#"><img src="Images/social/Mail2.png" width="24" height="24" border="0" align="absmiddle" /> Mail</a> 
        <a href="#"><img src="Images/social/twitter.png" width="24" height="24" border="0" align="absmiddle" /> Twitter</a> 
        <a href="#"><img src="Images/social/facebook.png" width="24" height="24" border="0" align="absmiddle" /> Facebook</a> 
        <a href="#"><img src="Images/social/youtube.png" width="24" height="24" border="0" align="absmiddle" /> Youtube</a> 
        <a href="#"><img src="Images/social/flickr.png" width="24" height="24" border="0" align="absmiddle" /> Flickr</a>
        <a href="#"><img src="Images/social/linkedin.png" width="24" height="24" border="0" align="absmiddle" /> Linked-in</a> 
        </div>
        <!--endsocial-->
        <div>Copyright © 2011 NIIT Viet Nam. All rights reserved.</div>
    </div><!--endbottom-->
</body>
</html>
